<template>
<div :style="{display:diss}">
	<router-view></router-view>
	<bottom></bottom>
</div>
</template>

<script>
import bottom from "@/components/layout/Bottom.vue";

export default {
  name: "app",
  data() {
    return {
      dis: false
    };
  },
  components: {
    bottom
  },
  methods: {},
  computed: {
    diss() {
      return this.$route.path == "/jump" ? "none" : "block";
      //return '';
    }
  },
  mounted() {},
  watch: {
    $route(to, from) {
      if (!to.matched.length) {
        this.$router.push("/404");
      }
    }
  }
};
</script>
<style scoped>
.app-enter-active,
.app-leave-active {
  transition: all 0.2s;
}

.app-enter {
  transform: translate(20px, 0px);
  opacity: 0;
}

.app-leave-to {
  transform: translate(-20px, 0px);
  opacity: 0;
}
</style>
